import './RootHeader.scss';
import { NavLink } from 'react-router-dom';
export default (props: any) => {
    return (
        <div className="component-root-header">
            <div className='header-warp'>
                <div className='logo'>Company Logo</div>
                <div className='nav'>
                    {
                        props.data.map((item: any, index: number)=>{
                            return (
                                <NavLink className='nav-link' to={props.parentPath + item.path} key={index}>{item.label}</NavLink>
                            );
                        })
                    }
                </div>
                <div className='btns'>
                    <NavLink className='nav-link' to="/chat/new_chat">Use Chat</NavLink>
                    <NavLink className='nav-link' to="/login">Login</NavLink>
                </div>
            </div>
        </div>
    );
}